<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>EaglesTroop</title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<!-- 头部，导航栏，logo等 -->
	<div class="header">
		<div class="header-inner">
			<div class="header-left">
				<a class="logo" href="#"></a>
				<div class="title"></div>
			</div>
			<div class="navbar">
				<a href="#" class="navone">Foundation</a>
				<a href="#" class="navtwo">Program</a>
				<a href="#" class="navthree">Leaders</a>
				<a href="#" class="navfour">Gallery</a>
				<a href="#" class="navfive">Contacts</a> 
        		<a href="#" class="navsix ">About</a>
            </div>
		</div>
	</div>
	<!-- 广告部分，只有主网页有 -->
	<div class="banner">
		<div class="banner-inner">
	    	<div class="wel"></div> 
			<div class="text">
			Eagles is one of <a class="textlink" href="#">free web templates</a> created TemplateMonster.com tea m.It is optimized for 1280X1024 resolution. This <a class="textlink" href="#">Eagles Template</a> gose with two packages-with PSD source files and without them.PSD files are available for the register members of Template Monster.The basic package (without PSD source)id available for anyone without registration. 
			</div>
			<div class="images"></div>
			<a href="#" class="more moreone"></a>
		</div>
	</div>
	<!-- 主体部分，分为左右块。可用sidebar名 -->
	<div class="content">
		<div class="content-inner">
			<div class="content-top"> <!-- 主体部分的上半部分，三张图片 -->
				<div class="pic picjoin">
					<div class="morew"><a href="#">more</a></div>
				</div>
				<div class="pic picspr">
					<div class="morew"><a href="">more</a></div>
				</div>
				<div class="pic picsum">
					<div class="morew"><a href="">more</a></div>
				</div>
			</div>
			<div class="next"></div>
			<div class="content-left"><!-- 主体部分的左边部分，定义为content-left -->
				<div class="texttwo"> 
					<strong><p><span>Lorem ipsum dolor sit amet,consetetr sadipscing elitr</span> sed diam nonumy eirmod tempor invidunt ut labore magna aliquyam erat,sed diam voluptua.At vero sos et accusam et justo duo dolores et ea rebum.Stet clita kasd gubergren,no sea takimata sanctus ipsum dolor sit amet.</p>
					<p class="second">Stet clita kasd gubergren,no sea takimata sanctus est Lorem ipsum dolor sit amet lorem ipsum dolor sit amet.</p></strong>
				</div>
				<div class="tuesday"></div>
				<a class="more moretwo" href="#"></a>
				<div class="con-left-bottom">
                    <div class="textthree">
                    	<strong>Stet cliata kasd gubergren,no sea takimata sanctus sefd dfadfjf sjdkjd jskdjkd jksjdjjd ji jsidjid jisjiddj jijdhd hjduihud hjuh dshu hduh hudfklk jidjidfjidj jidfji.nfjdfh hudfhd </strong>
                    </div>
                	<div class="blog-pic"></div>
                	<div class="monday"></div>
                	<a href="#" class="more morethree">
                	</a>
                </div>
			</div>
			<div class="sidebar"><!-- 主体部分的右半边部分，定义名字为sidebar -->
				<div class="our">
					<span class="sidebar-title">
						Our Adventures
					</span>
				</div>
				<ul>
					<li><a href="#">Lorem ipsum dolor sit amet</a></li>
					<li><a href="#">Consetetur sadlipscing elitr sed diam</a></li>
					<li><a href="#">Nonumy eirmod tempor invidunt ut</a></li>
					<li><a href="#">Labore et dolore magna</a></li>
					<li><a href="#">Aliquyam erat sed diam voluptua</a></li>
					<li><a href="#">Vero eos et accusam et justo duo</a></li>
					<li><a href="#">Stet clite kasd gubergren</a></li>
				</ul>
				<div class="troop">
					<h5>Troop#345 Meetings</h5>
					<a href="#" class="new">
						<img src="images/new.png" alt="">
					</a>
                    <font style="color:white"><strong><p>Monday 9:00-12:00</p></strong>
                    <p><span>Lorem ipsum dolor sit amet, consettetur sadipscing elitr sed diam nonumy.</span></p>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="copyright">
			<span class="eag">
				<p>Eagles Troops © 2012</p>
				<p><a href="#">Website Template</a>by TemplateMonster.com</p>
			</span>
		</div>
		<div class="tubiao">
			<a class="icon iconone" href="#"></a>
			<a class="icon icontwo" href="#"></a>
			<a class="icon iconthree" href="#"></a>
			<a class="icon iconfour" href="#"></a>
		</div>		
	</div>
</body>
</html>